INTRODUCTION

{{{ <video id="myvideo" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/MAY%20VOICE%20OVER.mp4" > }}} (text-colour:#212529)[] (text-colour:#212529)[] (text-colour:#212529)[] (text-colour:#212529)[] (text-style:"bold","expand","buoy") + (text-colour:#00FF00) + (font: 'Matura MT Script Capitals') + (text-size: 2) + (align: "==><==") [[Enter->Player Name]]

{{{ <video id="ENTER" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/NEW-RAINFOREST.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'Waterfall')[ (checkbox-fullscreen: " Fullscreen mode")] <video src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/HEADER%20video.mp4" loop muted playsinline style="display:block; margin:0 auto; width:750px;" autoplay> </video> #(text-colour:#80bfff)+(text-size:2)+(font: 'Rapunled')+(text-style:"expand")[''Greetings! $player, Welcome to the Living Islands!''] --- ''(text-colour:#ffffb3)+(font:'') [It is (weekday:), the day the island's awaken...and your journey begins.]'' Today, you have stepped into ''[(text-colour:yellow)+(font:'MosTculine')+(text-size:1.5) [[ENDEMIKA]]]'' not just an ''adventure'', but a //mission//. The (text-style:"fade-in-out")+(text-colour:yellow)+(font:'Segoe UI Black')+(text-size:1.7)[''[[Philippines]]''] is more than a //map of islands.// It is a //living network// of ''forests, rivers, mountains, reefs'', and ''creatures'' found nowhere else on Earth. Some of them are ''//(text-style:"smear")+(font:"Trade Gothic Next Heavy")+(text-style:"expand")[thriving]//.'' Some of them are //''(text-style:"blur")+(font:'Viner Hand ITC')[disappearing]''//—(text-style:"fade-in-out")[quietly] and (text-style:"blink")[quickly]. Touch its name… and watch the ''living islands''// reveal //their story. Where you will see cross the country, the wild whispering warnings: * |1>[a forest](click:?1, (action:'mouseover'))+(text-style:"fidget")+(font:'Viner Hand ITC')+(text-style:"fade-in-out")+(text-color:#ff3300)[ falls silent,] * |2>[a shoreline](click:?2, (action:'mouseover'))+(font:'Viner Hand ITC')+(text-style:"blink")+(text-color:#ff3300)[ ''loses its guardians'',] * |3>[a reef](click:?3, (action:'mouseover'))+(text-color:#ff3300)+(text-style:'fade-in-out')[ //''fades one color at a time.''//] But here’s the (font:'Strawberry Crumble')[//twist//:] You’re not here to watch the story (font:'Viner Hand ITC')[//unfold//] You’re here to (text-style:"sway")+(font:'Viner Hand ITC')[//drive//] it. (font:'Viner Hand ITC')+(text-size: 1)+(text-style:'expand')[//Take a deep breath.//] The moment you press ''(text-size:1.5)+(font:'MosTculine')+(text-color:#cc0000)[[START]]''... The islands begin to (font:'Viner Hand ITC')[//move//]. Are you ready to enter the (font:'Bradley Hand ITC')+(text-style:'expand')+(text-color:#cc0000) [//'' WEB OF LIFE''//], where one decision can// save a life//… or (text-style:"blur")[erase] it forever? ]

{{{ <video id="philippines" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/Philippine%20Biodiversity%20(15%20sec%20vid).mp4" > }}} (text-colour:#212529)[] (text-colour:#212529)[] (text-colour:#212529)[] (text-colour:#212529)[] (text-style:"bold","expand","buoy") + (text-colour:#00FF00) + (font: 'Matura MT Script Capitals') + (text-size: 2) + (align: "==><==") [[Start->START]]

{{{ <video id="island" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/ISLANDCLIP.mp4" > }}} \(align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.4) +(text-style:"buoy") +(font:'Magic Alphabet') [ You are stepping into real [''(text-style:"fade-in-out")[(text-colour:yellow)[Philippine ecosystems]]'']—forests, reefs, rivers, mountains, and mangroves—each one is a ''living system'' (text-colour:transparent)+(hover-style:(text-color:red))+(font:'Viner Hand ITC')[with its own rules, risks, and secrets.] --- But in (text-colour:YELLOW)+(font:'MosTculine')[''ENDEMIKA''], (text-style:"underline")[nothing] exists alone. A (font: 'MosTculine')[//''single action''//] can cause a (font:'Viner Hand ITC')[(text-colour:red)[(text-style:"fade-in-out")[chain reaction:]]] In order to survive, you must learn to (text-color: blue)+(font:'MV Boli')+(text-style:"expand")[//see what most people miss://] 0. |1>[''(text-colour:#00cc00)+(font:'MosTculine')[(text-style:"expand")[Connections]]''](click:?1, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color: #ffff33)[ What unseen threads bind every creature and every mistake?] 0. |2>[''(text-colour:#00cc00)+(font:'MosTculine')[(text-style:"expand")[Loops]]''](click:?2, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color: #ffff33)[ Which actions will return and refuse to let you escape?] 0. |3>[''(text-colour:#00cc00)+(font:'MosTculine')[(text-style:"expand")[Delays]]''](click:?3, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color: #ffff33)[ What damage is growing in silence, waiting to reveal itself?] 0. |4>[''(text-colour:#00cc00)+(font:'MosTculine')[(text-style:"expand")[Patterns]]''](click:?4, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color: #ffff33)[ What repeating rhythm controls the islands, and who’s trapped inside it?] (text-colour:red)+(font:'Viner Hand ITC')[''Remember'']: (align:"<==")+(box:"=XXXXXXXXXXXXXXXXXX=")[This world doesn’t punish (text-colour:red)+(font:'MosTculine')[''mistakes'']… It reveals (text-style:"fade-in-out")+(text-color:red)+(font:'Bradley Hand ITC')[''consequences'']. (text-colour:red)[//''Are you ready?''//] ] ] |choices>[ (button:)+(text-style:"bold","buoy")+(text-colour:#ffffff)+(font:'Matura MT Script Capitals')+(text-size:1.5)[[Yes]] (button:)+(text-style:"bold","buoy")+(text-colour:#ffffff)+(font:'Matura MT Script Capitals')+(text-size:1.5)[[No]] ]

{{{ <video id="yes" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/CHAP1-BG2.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ ''(text-colour:yellow)+(font:'MosTculine')+(text-size:2)[Good.]'' The islands don’t wait for (text-colour:yellow)[''perfect heroes'']— only for (font:'MosTculine')[''brave ones'']. The air (text-style:"sway")[//shifts//]. The ground feels… (text-style:"blink")+(font:'Veronia Mode DEMO')[''alive'']. Somewhere, //deep in the wild//, an unseen thread tightens and the system begins to (text-style:"sway")[//''move''//]. (font:'Amatic')+(text-size:1.8)[//''Your expedition starts now.''//] (text-color:yellow)+(button:)[''[[BEGIN CHAPTER 1]]''] ]

{{{ <video id="yes" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/CHAP1-BG3.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.5) +(text-style:"buoy") +(font:'Magic Alphabet') [ Then listen ''closely''. (text-colour:red)[''Fear''] is not //weakness//. It’s the signal that something ''matters''. But while you hesitate, the system keeps (text-style:"sway")[turning] A tree ''[(text-style:"blink")[falls]]''. A reef ''(text-style:"blur")[(text-style:"fade-in-out")[fades]]''. A creature goes silent—and the web adjusts… without you. You can (text-colour:red)[''walk away'']. Or you can (text-colour:navy)[''step in'']—before the islands //lose// what can never be (text-style:"smear")[replaced]. (font:'Perfect Lemonade')[//Will you answer the islands’ call… and step into the Web of Life?//] (cycling-link: bind _recall, "No", "Noo", "Nooo", "No really", "I really don't want to", "I am not really ready") (event: when time > 10s or _recall is 'Fine')[==Readiness isn’t about certainty. It’s about taking the first step, and every journey begins with a //single step.// This could be yours. (button:)[[I really need more time.]] ] (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======")+(text-size:1.5)+(text-style:"buoy")+(font:'Magic Alphabet') [ (button:)[[BEGIN CHAPTER 1]] ]

{{{ <video id="yes" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/CHAP1-BG4.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ The islands don’t wait for perfect heroes— only for //''(text-colour:#e60000)[brave]''// ones. The air (text-style:"fade-in-out")[//shifts//]. The ground feels… //alive//. Somewhere, (text-colour:#e60000)+(font:'MV Boli')[deep] in the wild, an unseen thread tightens— and the system begins to (text-style:"sway")+(font:'MV Boli')[move.] (text-colour:#ffff33)+(font:'MV Boli')[''Your expedition starts now.''] You take// one step forward//—and the world (font:'MV Boli')[changes.] A (text-style:"smear")+(font:'MV Boli')+(text-colour:#ffff33)[glowing compass] appears in your hand, etched with symbols of leaves, waves, wings, and roots. A voice echoes (text-style:"smear")+(text-colour:#ccffff)[softly], like the wind speaking through trees: (font: 'Rapunled')+(text-style:'expand')+(text-color:#ffff1a)+(text-size:1.5)[''Welcome, Explorer! This is BiodiQuest: The Treasure Isles.''] Your mission is (font:'Ink Free')[''simple''] yet not //easy//. Understand the living systems of the Philippines… before they begin to (font:'Handcaps') [//unravel//]. A holographic map opens mid-air. (text-colour:red)[Five zones] (text-style:"smear")[//shimmer//] like (text-style:"italic","smear")[(text-style:"fidget")[jewels]] across the sea. |1>[Each zone is](click:?1, (action:'mouseover'))+(text-style:"fidget")+(font:'Viner Hand ITC')+(text-style:"fade-in-out")+(text-color:#ff3300)[ alive], |2>[Each zone is](click:?2, (action:'mouseover'))+(text-style:"fidget")+(font:'Viner Hand ITC')+(text-style:"fade-in-out")+(text-color:#ff3300)[ connected], |3>[And what happens in one](click:?3, (action:'mouseover'))+(text-style:"fidget")+(font:'Viner Hand ITC')+(text-style:"fade-in-out")+(text-color:#ff3300)[ can affect them all.] You are not just (text-style:"sway")[//exploring nature.//] You are(text-colour:yellow)['' exploring a system'']. (button:)+(text-color:blue)[[See Intructions->Intructions]] ]

{{{ <video id="biomap" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C1-RAINFOREST.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ <video src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/HEADER%20video.mp4" loop muted playsinline style="display:block; margin:0 auto; width:750px;" autoplay> </video> ''BIODIVERSITY MAP: THE TREASURE ISLES'' The map displays (text-style:"italic")[''five ecosystems'']—each holding //species//, //stories//, and// system connections//. You will explore them (text-color:#ffff80)[''one at a time.''] As you explore, you will collect: (font:'Rapunled')+(text-color:#80bfff)[ =|= ''Species Cards'' =|= ''Ecosystem Clues'' =|= ''System Links'' |==| ] A reminder appears: 📌(text-style:"underline")[ In systems thinking, nothing stands alone.] (text-color:yellow)+(font:'MosTculine')[''You may now choose your first destination:''] (button:)+(text-color:#40bf40)[[🌴Tropical Rainforest]] (button:)+(text-color: #ff6600)[[🪸Coral Reef]] (button:)+(text-color:#009933)[[🌳Mangrove Forest]] (button:)+(text-color:#005ce6)[[🌊Freshwater River]] (button:)+(text-color:#663300)[[⛰️ Mountain & Grassland]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/NEMOOOO.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ <video src="https://raw.githubusercontent.com/jhameeresearchacc-design/for-headings/refs/heads/main/coral%20reef.mp4" loop muted playsinline style="display:block; margin:0 auto; width:750px;" autoplay> </video> (font:'MosTculine')+(text-colour:#ff9900)[''Score: $score (set: $score to $score)''] --- (text-colour:yellow)[(text-style:"blink")[''DESTINATION: CORAL REEF'']] The sea greets you with (text-style:"smear")[(text-colour:yellow)[sunlight]] that dances through clear water. Then you see it: A coral reef—like an //underwater// city. (text-colour:#ff922b)[(text-style:"smear")[//colorful//]] fish dart through coral streets * sea turtles //glide// past like ancient travelers * tiny organisms (text-colour:#fcc419)[//(text-style:"smear")[shimmer]//] like floating stars A message appears: (text-colour:yellow)+(font:'Rapunled')["Coral reefs support marine biodiversity and coastal protection. They are sensitive small changes create big effects."] (button:)+(text-color: #2e2eb8)[''[[Swim closer]]''] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C1-RAINFOREST.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to 0)''] <video src="https://raw.githubusercontent.com/jhameeresearchacc-design/for-headings/refs/heads/main/TROPICAL%20RAINFOREST%20(2).mp4" loop muted playsinline style="display:block; margin:0 auto; width:750px;" autoplay> </video> ''DESTINATION: TROPICAL RAINFOREST'' The moment you step into the rainforest, the air becomes (font: 'Cooper Black')+(text-style:"blink")[''heavier'']—rich with (font:'Bodoni MT')[//moisture//] and the scent of earth. Everything here feels //layered//: '' * towering trees reaching for sunlight * vines and orchids clinging to trunks * insects humming like tiny engines * birds calling from unseen branches'' A message (text-color:yellow)+(text-style:"blink")+(text-style:"smear")[''flashes''] in the compass: (text-style:"sway")+(font:'American Captain')+(text-style:"expand")[''"This ecosystem is a biodiversity hotspot. Look closely. Every level supports another."''] You hear a (text-rotate-y:24)[rustle]… then a sharp //cry// above. (text-colour:red)[//Something is watching.//] (button:)[''[[Scan the area]]''] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/NEW-MANGROVE-2.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ <video src="https://raw.githubusercontent.com/jhameeresearchacc-design/for-headings/refs/heads/main/mangroove%20forest.mp4" loop muted playsinline style="display:block; margin:0 auto; width:750px;" autoplay> </video> (font:'MosTculine')+(text-colour:#ff9900)[''Score: $score (set: $score to $score)''] ''DESTINATION: MANGROVE FOREST'' You arrive where land and sea meet. The ground is (text-style:"smear","expand")+(text-colour:#ffc078)[''muddy.''] The air smells (text-colour:#ffe066)[//salty//.] Mangrove trees stand like (font:'Aptos Black')[''guardians''], their roots twisting into the water like living nets. ''You see: 🦀 crabs scuttling 🐟 small fish hiding among roots 🦅 birds watching from branches'' The compass displays: (font:'Veronia Mode DEMO')[''"Mangroves protect coastlines and serve as nurseries for marine life."''] (button:)[[[Explore->Explore the roots Chapter1 Mangrove Scan1]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/NEW-RIVER-2.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ <video src="https://raw.githubusercontent.com/jhameeresearchacc-design/for-headings/refs/heads/main/freshwater.mp4" loop muted playsinline style="display:block; margin:0 auto; width:750px;" autoplay> </video> (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] '' DESTINATION: FRESHWATER RIVER'' You arrive beside a river that snakes through the land like a silver vein. It looks //calm//. But the compass reveals something ''deeper'': //"Rivers are connectors."// They carry: ''* water * nutrients * living organisms * and sometimes… pollution'' You look into the water and spot movement. (button:)[[[Scan the River Ecosystem ->Scan the river ecosystem → Chapter1 Freshwater Scan1]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/NEW-MOUNTAIN-GRASSLAND-2.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ <video src="https://raw.githubusercontent.com/jhameeresearchacc-design/for-headings/refs/heads/main/mountain%20and%20grassland.mp4" loop muted playsinline style="display:block; margin:0 auto; width:750px;" autoplay> </video> (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] ''DESTINATION: MOUNTAIN & GRASSLAND'' You climb until the air is //thinner// and ''colder''. Grasslands (text-style:"smear","expand")[stretch] like (text-colour:yellow)[golden] fields. Cloud forests cling to high ridges. These ecosystems may seem //distant//… but they ''influence'' everything below. Your compass highlights: ''🦌 mountain wildlife 🌾 grassland plants 💨 wind patterns 🌧️ rain systems'' A final message appears: ''"Mountains shape water cycles and climate." "They are the source of many rivers."'' The compass asks one last question: ''What is the best way to protect Philippine biodiversity?'' (text-color: 'yellow')+(button:) [ [[A. Protect only one ecosystem at a time.]] [[B. Protect ecosystems as connected systems: land, water, coast, and human actions.]] [[C. Focus only on endangered animals and ignore habitats.]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/BAGO-DIFFANIMALS.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] --- Your compass (text-colour:#ffd43b)+(text-style:"fade-in-out")+(font:'Ink Free') [''lights up''] and highlights (font: 'MV Boli') [//movement //] in the trees. You spot: |1>[🦅''Philippine Eagle''](click:?1, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ perched high, ''powerful'' and //silent//.] |2>[🐒'' Philippine Tarsier''](click:?2, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ tiny, wide-eyed, gripping a branch.] |3>[🦋🐝''Butterflies and beetles''](click:?3, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ everywhere, pollinating and feeding.] |4>[🌴''Dipterocarp trees''](click:?4, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ the forest giants, home to //thousands of lives//.] (font: 'Rapunled')+(text-color:#ffff66) [(text-style:"smear")[''System Question'']:] From a systems perspective, what role does the Philippine ''rainforest'' play in the larger environmental system? (button:)+(text-color: #ffff00)[[A. It mainly serves as a habitat for forest animals.]] (button:)+(text-color: #ffff00)[[B. It provides oxygen and resources but functions independently from other ecosystems.]] (button:)+(text-color: #ffff00)[[C. It sustains biodiversity, regulates climate and water cycles, and connects with rivers, mangroves, and reefs.]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/NEW-RAINFOREST.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (text-style:"bold","blink")+(font:'MosTculine')+(text-size: 1.5) [''(text-colour:yellow)[$player, here's your current score:]''] (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] You walk deeper until the forest suddenly grows (text-style:"blur")[//quiet//]. The compass displays a (text-colour:red)[''warning'']: ⚠️ ''(text-style:"expand")[EVENT: Species decline detected.]'' A small hologram appears: (text-colour:yellow)[''Forest edge expanding. Habitat shrinking.''] You notice something (text-style:"smear")[''troubling'']: '' * fewer bird calls * fewer insects buzzing * more open patches where trees once stood'' A voice speaks: //''"When one species declines… others feel it. But decline rarely happens once."''// (font: 'Rapunled')+(text-color:#ffff66)+(text-style:"smear")[''Your compass asks:''] ''Based on what is happening, what does this situation most likely represent?'' (button:)+(text-color: #ffff00) [ [[A. A single, isolated accident with no lasting impact.]] [[B. A recurring pattern of biodiversity loss driven by repeated human activities.]] [[C. A temporary change that will quickly fix itself without intervention.]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/NEW-RAINFOREST.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! ദ്ദി( ≧ᗜ≦)]''] (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] This isn’t //random//. This is a //pattern//. When forests shrink repeatedly due to: ''* illegal logging * mining * land conversion * roads and settlements'' …species begin to (text-style:"fade-in-out")[//disappear//]. And when predators disappear first… the whole structure (text-style:"sway")[//shifts//]. You unlock a systems thinking note: ''🔓(text-style:"expand")[EVENT → PATTERN:] '' A decline is an event. Repeated (text-colour:red)[''declines''] across habitats form a (text-style:"expand")+(font:'Times New Roman')[//pattern//]. (button:)+(text-color: #ffff00)[''[[Add to Map: Forest → River Connection -> Forestriver]] ''] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/NEW-RAINFOREST-3.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (text-style:"bold","blink")+(font:'MosTculine')+(text-size: 1.5) [''(text-colour:yellow)[Congratulations, $player! Here's your current score:]''] (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] (text-style:"fade-in-out")[''BIODIVERSITY MAP UPDATED''] You place a (text-style:"expand")[(text-colour:yellow)[//glowing thread//]] from: ''🌿 Tropical Rainforest → 💧 Freshwater Rivers'' The thread (text-style:"fade-in-out")[//pulses//], showing: ''* forest roots hold soil * soil affects river clarity * river health affects fish * fish feed people and other animals'' A final message appears: (font:'Rapunled')+(text-style:'expand')[''"Good, but the system goes further."''] (button:)+(text-color: #2e2eb8)[''[[Return to the Map Hub]]''] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/EXTRA-BG.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (text-style:"bold","blink")+(font:'MosTculine')+(text-size: 1.5) [''(text-colour:yellow)[Congratulations, $player! Here's your current score:]''] (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] The map now shows one (text-style:"smear")[(text-colour:yellow)[glowing]] system thread. ''Threads collected:'' * Forest → River The compass reminds you: (font:'Viner Hand ITC')+(text-style:'expand')+(text-colour:yellow)["A system is not a straight line. It is a web." ] (font:'Viner Hand ITC')+(text-colour:yellow)[(text-style:"fade-in-out")[''Choose your next destination:'']] (button:)[ (text-color:green)[[🌴Tropical Rainforest]] (text-color:blue)[[🪸Coral Reef]] (text-color:green)[[🌳Mangrove Forest]] (text-color:blue)[[🌊Freshwater River]] (text-color:#915F6D)[[⛰️ Mountain & Grassland]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/NEW-COREELREEF-2.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'MosTculine')+(text-colour:#ffe066)[''Score: $score (set: $score to $score)''] --- Your compass highlights key reef species: |1>[🐠 ''Clownfish / Reef fish''](click:?1, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ rely on coral shelter] |2>[🐢 ''Green Sea Turtle''](click:?2, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:green)[ grazes seagrass, balances ecosystems] |3>[🪸 ''Corals''](click:?3, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:orange)[ living animals that build reefs] |4>[⭐ ''Starfish''](click:?4, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:yellow)[ some help, some harm if populations explode] Suddenly the water temperature feels (text-colour:red)[warmer]. (font:'Veronia Mode DEMO')[ ⚠️'' EVENT: Coral bleaching detected.''] The corals //(text-style:"fade-in-out")[lose]// (text-style:"blur")[(text-colour:#ffec99)[color]]… turning ghostly white. ''What best explains coral bleaching?'' (text-color: 'yellow')+(button:) [ [[A. Corals die because they are plants that cannot survive in warm water.]] [[B. Corals lose their symbiotic algae due to stress, often caused by rising water temperatures.]] [[C. Corals intentionally change color to protect themselves from sunlight.]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/NEW-CORALREEF-1.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (text-style:"bold","blink")+(font:'MosTculine')+(text-size: 1.5) [''(text-colour:yellow)[Congratulations, $player! Here's your current score:]''] (font:'MosTculine')+(text-colour:#ffe066)[''Score: $score (set: $score to $score)''] ''BIODIVERSITY MAP UPDATED'' You add another glowing thread: ''💧 Freshwater River → 🌊 Coral Reef'' The system web now shows: '' * forest loss → soil erosion * erosion → cloudy rivers * cloudy rivers → sediments cover coral * coral dies → fish lose homes * fish decline → food sources decrease'' ''Systemic Structure:'' The reef decline is not only an ''ocean problem''. It is connected to land use, waste systems, and human choices upstream. (button:)+(text-color: #2e2eb8)[[[Return to the Map Hub ->Return to the Map Hub After Reef]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/raw/refs/heads/main/EXTRA-BG.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (text-style:"bold","blink")+(font:'MosTculine')+(text-size: 1.5) [''(text-colour:yellow)[Congratulations, $player! Here's your current score:]''] (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] The map now glows (text-colour:yellow)[''brighter'']. Threads collected: ✅ Forest → River ✅ River → Reef The compass speaks again: ''"You are seeing the web." "Now find what holds the shore together."'' (button:)[ (text-color:green)[[🌴Tropical Rainforest]] (text-color:blue)[[🪸Coral Reef]] (text-color:green)[[🌳Mangrove Forest]] (text-color:blue)[[🌊Freshwater River]] (text-color:#915F6D)[[⛰️ Mountain & Grassland]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/NEW-MANGROVE-2.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] Your compass highlights key species: |1>[🌱'' Mangrove trees''](click:?1, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ reduce erosion, trap sediment] |2>[ 🐟 ''Juvenile fish''](click:?2, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ shelter here before moving to reefs] |3>[🦀 ''Mud crabs ''](click:?3, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ clean debris, recycle nutrients] |4>[🦜 ''Birds''](click:?4, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ disperse seeds and balance populations.] A system prompt appears: (font:'Viner Hand ITC')[''What are the most likely consequences when mangroves are removed from a coastal system?''] (text-color: 'yellow')+(button:) [ [[A. Nothing changes because coral reefs alone protect the shoreline.]] [[B. Shorelines erode, fish nurseries decline, and nearby reefs lose natural protection.]] [[C. Fish populations increase due to more open water.]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/EXTRA-BG.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'MosTculine')+(text-colour:green)[ Score: $score (set: $score to $score)] ''BIODIVERSITY MAP UPDATED'' You place a new thread: ''🌱 Mangroves → 🌊 Coral Reef'' Now the web shows multiple routes of connection. A systems thinking note appears: (font:'Viner Hand ITC') [ ''Mangroves, rivers, forests, and reefs are linked. Protecting one helps protect many.''] (font:'Segoe UI Black') [But then… ⚠️ EVENT: Mangrove clearing detected.] You see ''stumps''. A shoreline //exposed//. A final question appears: Which belief may cause people to destroy mangroves? (text-color: 'yellow')+(button:) [ [[A. Nature is a limitless resource. ]] [[B. Mangroves are sacred and untouchable.]] [[C. Every tree planted is harmful.]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/raw/refs/heads/main/EXTRA-BG.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (text-style:"bold","blink")+(font:'MosTculine')+(text-size: 1.5) [''(text-colour:yellow)[Congratulations, $player! Here's your current score:]''] (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] Threads collected: ✅ Forest → River ✅ River → Reef ✅ Mangrove → Reef The compass pulses. ''"You have seen the land… the sea… and the shore." "Now search for the lifeline that flows through them all."'' Choose your next destination: (button:)[ (text-color:green)[[🌴Tropical Rainforest]] (text-color:blue)[[🪸Coral Reef]] (text-color:green)[[🌳Mangrove Forest]] (text-color:blue)[[🌊Freshwater River]] (text-color:#915F6D)[[⛰️ Mountain & Grassland]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/NEW-RIVER-2.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] Your compass identifies key species: ''🐟 Native freshwater fish 🐸 Frogs — indicators of water health 🦐 Freshwater shrimp 🌿 River plants — oxygen and habitat '' (font:'Viner Hand ITC') [The compass asks:] ''Rivers act as pathways in the landscape. What role do they play across ecosystems?'' (text-color: 'yellow')+(button:) [ [[A. Rivers only provide habitats for fish and aquatic organisms.]] [[B. Rivers link forests, mangroves, and coral reefs by moving water, nutrients, and sediments downstream.]] [[C. Rivers function as isolated systems and do not influence coastal or marine environments.]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/NEW-RIVER-2.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! ദ്ദി( ≧ᗜ≦)]''] (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] ''Rivers connect systems.'' They influence: * mangroves (sediment, freshwater balance) * reefs (clarity, pollution levels) * humans (drinking water, agriculture) A new Species Card appears: (text-color:yellow)[''Species Card Unlocked: Frog (Water Health Indicator)''] Then the compass flashes: ''⚠️ EVENT: Pollution spike detected.'' The water has a(text-style:"smear")+(text-colour:yellow)[ faint smell.] You see plastic, soap bubbles, and cloudy patches. This isn’t ''random.'' This is //systemic//. (button:)+(text-color: #2e2eb8)[[[Return to Map Hub ->Return to the Map Hub After Fresh Water]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/EXTRA-BG.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (text-style:"bold","blink")+(font:'MosTculine')+(text-size: 1.5) [''(text-colour:yellow)[Congratulations, $player! Here's your current score:]''] (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] The web glows (text-style:"bold","smear")[brighter] and more //complex//. Threads collected: ✅ Forest → River ✅ River → Reef ✅ Mangrove → Reef ✅ River → Mangrove Choose your next destination. (button:)[ (text-color:green)[[🌴Tropical Rainforest]] (text-color:blue)[[🪸Coral Reef]] (text-color:green)[[🌳Mangrove Forest]] (text-color:blue)[[🌊Freshwater River]] (text-color:#915F6D)[[⛰️ Mountain & Grassland]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/NEW-MOUNTAIN-GRASSLAND-2.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! ദ്ദി( ≧ᗜ≦)]''] (text-style:"bold","blink")+(font:'Arial Black')+(text-size: 1.5) [''(text-colour:yellow)[Congraturations, $player! Here's your current score:]''] (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score +1)''] Philippine biodiversity is a// living web//. To protect it, we must understand: (text-color:yellow)[''EVENTS''] — species decline (text-color:yellow)[''PATTERNS''] — recurring biodiversity loss (text-color:yellow)[''SYSTEMIC STRUCTURE''] — drivers like deforestation, pollution, and overuse (text-color:yellow)[''MENTAL MODELS''] — beliefs that nature is limitless A final system message appears: ''"You have completed the first chapter of your expedition." "But the system is still moving…"'' (text-colour:Yellow)+(font:'Arial Black')+(text-size:1.5)[''CONGRATULATIONS!''] Your compass points ''forward''. (button:)+(text-color: #2e2eb8)[[[Proceed to the next chapter->Proceed to the next chapter → BEGIN CHAPTER2]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C1-RIVER-CLIP.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (text-style:"bold")+(font:'MosTculine')+(text-size: 1.5) [''(text-colour:yellow)[Congratulations, $player! Here's your Final Score for Chapter 1]''] (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] The islands are still (font:'MosTculine')[''alive''…] but now you can feel the //shift//. The //patterns// you saw were only the (text-color:#ffff00)[''beginning''.] In the distance, something (font:'Bradley Hand ITC')[//changes//]— a //ripple// across the web you have started to map. You tighten your ''grip'' on the compass. (font:'Amatic')[''"Next, we will face the forces that push the system toward collapse… or balance."''] The compass (font:'Ink Free')[//[''vibrates,'']//] sharper than before. A new ''symbol'' appears on its surface— a ''pawprint'', a //leaf//, and a (text-colour:yellow)[broken chain]. The voice returns: (font:'Viner Hand ITC ')[''"Explorer, you have learned that ecosystems are connected. Now you must learn something harder:" ''] Not all species belong ''equally''. Some exist nowhere else on Earth. And if they (text-style:"blur")[vanish]… the system //loses// a piece that can ''never be'' ''replaced''. A new mission appears: (font:'Segoe UI Black') [''//📌 ENDEMIC EXPEDITION//''] (font:'Rapunled')+(text-color: #33ccff) [ =|= Document species. =|= Identify their roles. =|= Build the food web. |==| ] //Predict what happens if one disappears.// (button:)[[[Begin Chapter 2->BEGIN CHAPTER 2 → Chapter2 Intro]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C1-RAINFOREST.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] --- (text-style:"expand","blink")+(font:'QUITE MAGICAL')+(text-size: 1.5) [''(text-colour:#ffff00)[WELCOME TO CHAPTER 2! (๑'ᵕ'๑)⸝*]''] A (font:'MV Boli')[//misty island//] rises from the map—(text-colour:#990000)[''darker''] than the others. The compass labels it: ''ISLE OF IRREPLACEABLE LIFE'' The air feels different here. (font: 'Christmas Stories')[// Quieter.//] As if the world is (font:'Viner Hand ITC')[//holding its breath//.] A stone tablet stands on the shore: (font:'MV Boli')[“Endemic life is a promise. Lose it, and the world becomes smaller forever.”] The compass opens a new interface: (font:'MosTculine')+(text-color:red)[Species Classification Scanner] You will encounter species and categorize them as: 0. (text-color:#1a8cff)[|1>[''Endemic'']](click:?1, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")[ found only in the Philippines] 0. (text-color:#1a8cff)[|2>['' Native'']](click:?2, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")[ naturally occurring, but also found elsewhere] 0. (text-color:#1a8cff)[|3>[''Introduced'']](click:?3, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")[ brought by humans, intentionally or accidentally] Each correct classification unlocks (text-color:red)[''Role Tasks''] and (text-color:red)[''Food-Web Nodes.''] (button:)[[[Step into expedition -> Chapter2 Scanner Tutorial]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C2-TARSIER-1.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] <video src="https://raw.githubusercontent.com/jhameeresearchacc-design/for-headings/refs/heads/main/forest%20clearing.mp4" loop muted playsinline style="display:block; margin:0 auto; width:750px;" autoplay> </video> ''LOCATION: FOREST CLEARING'' (text-colour:yellow)[Sunlight] breaks through tall trees. You hear a soft (font:'Strawberry Crumble')[//flutter//], then a strange barking call. A creature hops between branches. Your compass locks on: ''🦥 PHILIPPINE TARSIER'' Its eyes are (font:'MosTculine')[''enormous''], //reflective// like moons. A label appears: (font:'MV Boli')+(text-color:#33ccff)[ =|= ''Status'': (text-color:#ffff00)[Vulnerable] =|= ''Habitat'': (text-color:#ffff00)[Forest edges and secondary forests] =|= ''Threats'': (text-color:#ffff00)[Habitat loss, illegal pet trade] |==| ] <img src="https://jhamee.neocities.org/tarsier.webp" style="width:80%; height:auto;"> Your scanner asks: ''CLASSIFY THIS SPECIES'' (text-color:yellow)+(button:) [ [[A. Endemic]] [[B. Native]] [[C. Introduced]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/BG-RIVERSIDE.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] <video src="https://raw.githubusercontent.com/jhameeresearchacc-design/for-headings/refs/heads/main/river%20edge.mp4" loop muted playsinline style="display:block; margin:0 auto; width:750px;" autoplay> </video> ''LOCATION: RIVER EDGE'' The river (text-colour:yellow)[//glistens//] like a moving mirror. You see (font:'Amatic')[//ripples//] — then a flash of silver. Your scanner identifies: 🐟 ''FRESHWATER FISH: TAWILIS'' <img src="https://jhamee.neocities.org/620533835_26202977949306840_5535399724745785595_n.jpg" style="width:80%; height:auto;"> Your scanner asks: ''CLASSIFY THIS SPECIES'' (text-color: 'yellow')+(button:) [ [[A. Endemic->Endemic (3)]] [[B. Native->Native (3)]] [[C. Introduced->Introduced (3)]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/BG-BANAWERICE.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] <video src="https://raw.githubusercontent.com/jhameeresearchacc-design/for-headings/refs/heads/main/farmland.mp4" loop muted playsinline style="display:block; margin:0 auto; width:750px;" autoplay> </video> ''LOCATION: FARMLAND BORDER'' The forest thins into farmland. You see crops, fences, and human footprints. Then a loud squeal and rapid movement: ''🐗 WILD BOAR (native)'' It roots the soil, eating roots and insects. <img src="https://jhamee.neocities.org/wildboard.webp" style="width:80%; height:auto;"> Your scanner asks: ''CLASSIFY THIS SPECIES'' (text-color:yellow)+(button:)[ [[A. Endemic -> Endemic (5)]] [[B. Native -> Native (5)]] [[C. Introduced -> Introduced (5)]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C2-TARSIER-1.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! ヾ( ˃ᴗ˂ )◞ • *✰]''] A new card appears: ''[Species Log #1: Philippine Tarsier]'' ''Type'': Endemic ''Role'': Insect predator The compass shows: (text-colour:yellow)[''🧠 ECOLOGICAL ROLE TASK:''] ''If the tarsier population declines, what chain reaction might occur in the forest ecosystem?'' (text-color:yellow)+(button:) [ [[A. Insect populations may increase, affecting plants and trees.]] [[B. The forest becomes cleaner automatically.]] [[C. Nothing changes because tarsiers are small animals.]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C2-TARSIER-2-ETO%20KUHANIN%20MO.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! ヾ( ˃ᴗ˂ )◞ • *✰]''] Tarsiers (text-colour:red)[''reduce''] insect populations. Without them, insect populations may ''(text-colour:yellow)[rise]''—affecting plants, crops, and even disease spread. You gain your first food web node: ''[Food Web Node Unlocked: Tarsier → Insects]'' Your compass //whispers//: (font:'Viner Hand ITC') [''"Endemic species are not decorations. They are working parts of the system."''] (text-color:yellow)+(button:) [ [[Continue->Continue exploring the clearing → Chapter2 Hornbill Intro]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C2-HORBILL-1.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] A loud whoosh ''fills'' the air. A large bird //glides// overhead and lands on a branch. Your scanner identifies it: ''RUFOUS HORNBILL'' ''Role'': Seed disperser ''Status'': Threatened The hornbill pecks at fruit, then swallows it whole. <img src="https://jhamee.neocities.org/hornbill2.jpg" style="width:80%; height:auto;"> Your scanner asks: ''CLASSIFY THIS SPECIES'' (text-color:yellow)+(button:)[ [[A. Endemic -> Endemic (2)]] [[B. Native -> Native (2)]] [[C. Introduced -> Introduced (2)]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C2-HORNBILL-2..mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! ヾ( ˃ᴗ˂ )◞ • *✰]''] ''[Species Log #2: Rufous Hornbill]'' ''Type'': Endemic ''Role'': Seed disperser (helps forests regenerate) Role task appears: ''If hornbills decline, what happens to the forest?'' (text-color:yellow)+(button:)[ [[A. Fewer seeds spread, forests regenerate slower.]] [[B. Trees grow faster because fewer birds eat fruit.]] [[C. Forests become deserts immediately.]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C2-HORNBILL-2..mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] (text-colour:Yellow)+(font:'Arial Black')+(text-size:1.5)[''CORRECT!''] Hornbills ''disperse'' seeds across distances. Without them, forests ''lose'' future trees. New food web node: (text-color:blue)[Hornbill → Fruit Trees] A systems thinking note appears: ''📌 Systemic Structure:'' Food webs are also seed webs. Not all relationships are (text-colour:red)[''“eat or be eaten.”''] Some relationships are (text-colour:red)[''“help or fail.”''] (button:)[[[Continue to the next Expedition Routes->Go to the River Edge.]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/BG-SAPA.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! ヾ( ˃ᴗ˂ )◞ • *✰]''] [Species Log #3: Native Freshwater Fish] ''Type'': Native ''Role'': Consumer, part of river energy flow ''Role task:'' Which describes its role best? (text-colour:yellow)+(button:)[ [[A. Primary consumer or secondary consumer depending on diet.]] [[B. Producer because it lives in water.]] [[C. Decomposer because it swims near mud.]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/BG-RIVERSIDE.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! ヾ( ˃ᴗ˂ )◞ • *✰]''] Fish can be //primary// or //secondary// consumers depending on what they eat. New node appears: (text-color:blue)[Food Web Node: Fish → Insects / Algae] Then the compass flashes: ''⚠️ EVENT: Introduction detected upstream.'' A shadow moves near the surface. (button:)[[[Investigate ->Part 2 Tilapia]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C2-TILAPIA-1.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] Your scanner identifies: ''🐟 TILAPIA'' It swims confidently in groups, larger and faster. <img src="https://jhamee.neocities.org/TILAPIA.jpg" style="width:80%; height:auto;"> Your scanner asks: ''CLASSIFY THIS SPECIES'' (button:)+(text-color:yellow)[ [[A. Endemic ->Endemic (4)]] [[B. Native ->Native (4)]] [[C. Introduced->Introduced (4)]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C2-TILAPIA-1.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! ヾ( ˃ᴗ˂ )◞ • *✰]''] [Species Log #4: Tilapia] ''Type'': Introduced ''Role'': Fast-breeding competitor A warning appears: Tilapia can compete with native fish for food and space. This leads to: * decline of native fish * reduced biodiversity * altered food web balance Is an introduced species always “bad”? (text-color:yellow)+(button:)[ [[A. Yes, introduced species always destroy ecosystems.]] [[B. No, but introduced species can become invasive and disrupt systems.]] [[C. Introduced species automatically become endemic.]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C2-TILAPIA-2.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! ヾ( ˃ᴗ˂ )◞ • *✰]''] Introduced species can sometimes help provide food, but they may also disrupt ecosystems if they spread uncontrollably. New node appears: (text-color:blue)[Food Web Node: Tilapia ↔ Native Fish (Competition)] (button:)[[[Continue to the next Expedition Routes->Go to the Farmland Border.]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C2-WILDBOAR-1.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! ദ്ദി( ≧ᗜ≦)]''] ''[Species Log #5: Wild Boar]'' '' Type: ''Native '' Role: ''Omnivore, soil disturbance, prey for predators Then you hear ''shouting''. Two farmers approach. One points at the forest: (font:'Viner Hand ITC')[“These animals ruin our crops. We should remove them all!”] Your compass displays: ''🧠 MENTAL MODEL ALERT:'' Humans often view species only as “useful” or “harmful.” Decision scenario: ''What do you do?'' (text-colour:yellow)+(button:)[ [[A. Support removing the boars completely.]] [[B. Suggest building barriers and protecting both crops and wildlife.]] [[C. Ignore the farmers and walk away.]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C2-WILDBOAR-2.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (set: $score to $score - 1) ''⚠️ EVENT: Population removal initiated.'' The farmers begin hunting (text-colour:red)[''aggressively.''] Immediate consequence: ''* boar population decreases'' But then… The compass shows a simulation: * fewer boars → fewer predators have food * predators shift to livestock or smaller prey * rodent populations increase (less competition/disturbance) * crop damage continues, but now from rodents (text-color:yellow)[''SYSTEMS NOTE:''] Removing a species may solve one problem… but create three more. (button:)[[[Try Again -> Native (5)]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C2-WILDBOAR-2.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! ヾ( ˃ᴗ˂ )◞ • *✰]''] ✅ EVENT: Balanced intervention initiated. You suggest: '' * barriers * crop protection methods * community monitoring * conservation areas * education about ecological roles'' The simulation shows: '' * conflict decreases * wildlife survives * farmers protect crops * predators maintain balance * ecosystem stability improves'' ''SYSTEMS NOTE:'' Balance is a leverage point. (button:)[[[Continue -> Chapter 2 Foodweb]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/BG-FOODWEB.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] Your compass opens a new interface: ''FOOD WEB CONSTRUCTION MODE'' You will connect your documented species into a food web. You see nodes floating in the air: '' * Fruit Trees * Insects * Tarsier * Hornbill * Native Fish * Tilapia * Wild Boar * Predator (e.g., Philippine Eagle / large raptor) * Decomposers (fungi, bacteria)'' The compass says: ''“A food web is a SYSTEMIC STRUCTURE.”'' It shows how energy flows and how balance is maintained. ''Step 1: Start with Producers'' Which are producers? (text-color:yellow)+(button:)[ [[Fruit Trees and River Plants->Fruit Trees and River Plants → Chapter2 FoodWeb Step2]] [[Tarsier and Fish->Tarsier and Fish → Chapter2 FoodWeb Wrong1]] [[Hornbill and Boar->Hornbill and Boar → Chapter2 FoodWeb Wrong1]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontentb.com/jhameeresearchacc-design/TWINE/refs/heads/main/C2-TARSIER-4.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (set: $score to $score - 1) ''Not quite.'' Producers make their own food through sunlight. (text-colour:red)+(font:'MosTculine')+(text-style:"sway")[''Try again. (╥﹏╥)''] [[Back -> Chapter 2 Foodweb]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/BG-FALL.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! ヾ( ˃ᴗ˂ )◞ • *✰]''] Fruit trees and river plants/algae are producers. The compass draws the base of the web. ''Step 2: Connect Consumers'' ''What eats insects?'' (text-color:yellow)+(button:) [ [[Tarsier]] [[Fruit Trees]] [[Decomposers]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C2-HORBILL-1.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! ヾ( ˃ᴗ˂ )◞ • *✰]''] The compass draws: (text-color:blue)[Fruit Trees → Hornbill] and a special link: Hornbill → Seed dispersal → Fruit Trees ''Step 4: River Competition'' What is the relationship between Tilapia and Native Fish? (button:)+(text-color:yellow)[ [[They compete for food and space]] [[Tilapia is a producer]] [[Native fish eat the river itself]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C1-CORALREEF-CLIP.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (set: $score to $score -1) That doesn’t match the role of the species. (text-colour:red)+(font:'MosTculine')+(text-style:"sway")[''Try again. (╥﹏╥)''] (button:)[[[Back ->Proceed to Cause–Effect Simulation]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/BG-SIERRAMADRE.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! ヾ( ˃ᴗ˂ )◞ • *✰]''] Forests regenerate slower because seeds travel less. That affects: '' * tree diversity * shelter for animals * watershed stability * long-term climate resilience'' ''Final scenario:'' ''Scenario 3: People assume “some species don’t matter.”'' What does this mental model cause? (text-color:yellow)+(button:) [ [[A. Decisions that ignore system connections]] [[B. Perfect conservation planning]] [[C. Ecosystems become stronger automatically]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/BG-BEACH.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! ヾ( ˃ᴗ˂ )◞ • *✰]''] Mental models guide actions. If people believe: '' “This species doesn’t matter,”'' they (text-colour:red)[''remove''] it, ignore it, or trade it… …until the system collapses. The compass speaks softly: ''"Endemic species are not only rare." "They are essential." "And they depend on your understanding."'' (button:)[[[Proceed->Proceed to Chapter 2 Wrap-up → Chapter2 WrapUp]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/BG-WATERFALL.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] The food web remains floating before you—glowing like a living constellation. '' You realize:'' Every ''node'' is a life. Every line is a //relationship//. And every relationship is a (text-style:"underline")[system thread]. You’ve learned: ✅ ''Endemic'' — found only in the Philippines ✅ ''Native'' — naturally occurring here, also elsewhere ✅ ''Introduced'' — brought by humans, can become invasive You’ve also seen: * how energy flows through food webs * how the loss of one organism creates ripple effects * how human beliefs shape ecological outcomes The compass displays your progress: ''EVENTS'': sudden changes (species decline, introductions) ''PATTERNS'': trends over time (ecosystem weakening, instability) ''SYSTEMIC STRUCTURE'': food web interdependence ''MENTAL MODELS'': “some species don’t matter” vs “every part is connected” A final message appears: ''"The next challenge is not only understanding nature…" "But understanding human systems that affect nature."'' The compass points toward a new island—''louder'', (text-style:"smear")[(text-colour:yellow)[brighter]], (text-style:"condense")[''crowded'']. You hear distant engines. (button:)[[[Begin Chapter 3->BEGIN CHAPTER 3 → Chapter3 Intro]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/BG-ISLAND.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] ''ISLAND NAME: THE MECHANIZED COAST'' The moment you step onto the ''shore'', the air //smells// different— smoke, fuel, and something sour… like plastic heated by (text-colour:yellow)[sun]. You see: ''a river mouth flowing into the sea'' * boats moving in and out * houses clustered near the water * a road cutting through forest edges The island is alive… but strained. The compass opens a new mode: ''🛡️ ECO-DEFENDER: MISSION RESTORE '' =|= (text-color:yellow)[''Your role:''] (text-color:blue)[Make decisions during environmental crises.] =|= (text-color:yellow)[''Your goal'':] (text-color:blue)[Reduce harm and restore balance.] =|= (text-color:yellow)[''Your tool'':] (text-color:blue)[Systems thinking.] |==| The compass warns: ''"This chapter is about responsibility." "Your choices will create events… and repeated events become patterns."'' A new screen appears: ''Choose your first mission'' (button:)[ [[MISSION A: River of Waste->MISSION A: River of Waste (Pollution) → Chapter3 MissionA Briefing]] [[MISSION B: The Silent Chainsaws->MISSION B: The Silent Chainsaws (Illegal Logging) → Chapter3 MissionB Briefing]] ] ]

{{{ <video id="chapter1" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/CHAP1-BG1.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ A (text-style:"smear")[faint] (text-style:"fade-in-out")[pulse] runs through the compass. Numbers appear on its surface: (font:'LCDMono2')+(text-colour:#ffff00)[Base Points: 0] The voice returns, (font:'Bradley Hand ITC')[//''calm''//] but ''firm'': (font:'Amatic')+(text-style:'expand')+(text-size:1.5)[ “These points represent your stability, Explorer. Every choice you make will determine what you keep and what you lose.”] --- A thin line (text-style:"smear")[glows] beneath the number, steady like a heartbeat. When your answer is (text-colour:#00ff00)+(font:'Segoe UI Black')[(text-style:"expand")[''correct'']], the compass grants a small increase: (text-style:"fade-in-out",'smear')+(font:'LCDMono2')[''+1 point.''] When your answer is (text-style:"expand")+(font:'Segoe UI Black')[(text-colour:#ff471a)[''incorrect'']], the compass weakens and points are (text-style:"fade-in-out",'smear')+(font:'LCDMono2')[''deducted'']. The ''deduction'' is not merely a //penalty//. It signals a missed connection, an overlooked pattern, or a system not yet fully understood. At the end of your expedition, the compass will convert your final total into an (text-style:"bold")[equivalent rank], revealing the level of understanding you achieved. The map //shifts// once more. Because the islands do not test (text-style:"bold")[memory]. They test ''understanding''. (button:)[[Open the Biodiversity Map]] ]

{{{ <video id="myvideo" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/MAY%20VOICE%20OVER.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Veronia Mode DEMO') [ (set: $player to (prompt:"Welcome to Endemika! Please enter your name to proceed.","")) (text-colour:#212529)[] (text-colour:#212529)[] (text-style:"bold","expand","buoy") + (text-colour:#00FF00) + (font: 'Matura MT Script Capitals') + (text-size: 3) + (align: "==><==") [[Play]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/raw/refs/heads/main/C2-WATERPOLLUTION-2.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] <video src="https://github.com/jhameeresearchacc-design/for-headings/raw/refs/heads/main/river%20waste.mp4" loop muted playsinline style="display:block; margin:0 auto; width:750px;" autoplay> </video> (text-style:"fade-in-out")[''MISSION A BRIEFING: RIVER OF WASTE''] You approach the river and immediately notice: '' * floating sachets and plastic wrappers * cloudy water with soap-like foam * fish gasping near the surface * fish gasping near the surface * children playing near the bank'' A fisherman looks up, exhausted. ''“Our catch is getting smaller every week.”'' The compass displays: (text-color:yellow)[''EVENT DETECTED:''] (font:'Ink Free')+(text-color:red)[//POLLUTION SPIKE//] Human activities affecting ecological balance. The compass asks: ''What is the most immediate ecological impact of water pollution?'' (text-color:yellow)+(button:)[ [[A. Reduced oxygen and fish stress/death->Reduced oxygen and fish stress/death → Chapter3 Pollution Q1 Correct]] [[B. Faster coral growth->Faster coral growth → Chapter3 Pollution Q1 Wrong]] [[C. More biodiversity instantly->More biodiversity instantly → Chapter3 Pollution Q1 Wrong]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C3-ILLEGALLOGGING-2.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ <video src="https://raw.githubusercontent.com/jhameeresearchacc-design/for-headings/refs/heads/main/silent%20chainsaw.mp4" loop muted playsinline style="display:block; margin:0 auto; width:750px;" autoplay> </video> ''MISSION B BRIEFING: THE SILENT CHAINSAWS'' You enter a forest zone marked on your map as a ''“protected area.”'' But the silence feels //wrong//. Then you hear it. A distant sound—steady, metallic: (text-style:"rumble")+(text-size:1.5)[''rrrrrrrrRRR—''] ''Chainsaws.'' ''You find:'' * freshly cut tree stumps * tire tracks leading into the forest * scattered branches drying in sunlight * a bird’s nest on the ground—broken The compass flashes: (text-color:yellow))[''EVENT DETECTED:''] (text-colour:red)[''ILLEGAL LOGGING''] A ranger steps out from the trees, tense. (font:'Ink Free')[//“We try to stop it… but they keep coming back.”//] The compass asks: ''What is a direct ecological effect of illegal logging?'' (text-color:yellow)+(button:)[[[A. Habitat loss and species decline-> Habitat loss and species decline → Chapter3 Logging Q1 Correct]] [[B. Stronger reefs immediately-> Stronger reefs immediately → Chapter3_Logging_Q1_Wrong]] [[C. More water stored in soil -> More water stored in soil → Chapter3_Logging_Q1_Wrong]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C2-WATERPOLLUTION-2.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! (੭˃ᴗ˂)੭]''] Pollution can cause: '' * low dissolved oxygen * toxins that harm fish and frogs * algal blooms that block sunlight * illness risk for humans'' A new panel appears: (text-colour:#c5f6fa)[''DECISION MAP BUILDER''] (You will fill this as you play) ''Problem Node #1: River Pollution'' (text-color:yellow)[0. |1>[''Causes:'']](click:?1, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")[ (to be identified)] (text-color:yellow)[0. |2>['' Effects:'']](click:?2, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")[ Fish decline, unsafe water, ecosystem imbalance] (text-color:yellow)[0. |3>[''Possible Solutions:'']](click:?3, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")[ (to be chosen)] The compass now asks you to investigate causes. (button:)[[[Trace the source upstream->Trace the source upstream → Chapter3 Pollution Trace1]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C2-WATERPOLLUTION-3.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! (੭˃ᴗ˂)੭]''] Households, markets, and industry can all contribute—especially when waste systems are weak. The compass updates your Decision Map: (text-color:red)[''Decision Map Update''] (text-color:blue)[''Causes:] ''improper waste disposal, lack of sewage treatment, weak enforcement, limited collection systems Now a community leader approaches: (font:'Bradley Hand ITC')[“We can’t afford big solutions. What can we do now?”] Choose your response (crisis-solving) (text-color:yellow)+(button:)[ [[A. Organize a community cleanup and waste segregation plan->Organize a community cleanup and waste segregation plan → Chapter3 Pollution DecisionA]] [[B. Shut down all businesses immediately->Shut down all businesses immediately → Chapter3 Pollution DecisionB]] [[C. Do nothing; it’s too hard->Do nothing; it’s too hard → Chapter3 Pollution DecisionC]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C2-LANDPOLLUTION-1.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[EVENT CHOICE MADE! („• ֊ •„)੭]''] ''Community action.'' (text-colour:#a5d8ff)[Short-term effect:] =|= trash removed from riverbanks =|= awareness increases =|= community participation rises |==| The compass notes Systems Insight: * Small actions can trigger bigger shifts when repeated. (button:)[[[Continue->Continue → Chapter3 Pollution SystemStructure]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C2-LANDPOLLUTION-1.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[EVENT CHOICE MADE! („• ֊ •„)੭]''] Immediate shutdown demand. Short-term effect: '' * conflict increases * people resist * illegal dumping continues secretly'' The compass notes: Systems Warning: (font:'Veronia Mode DEMO') [''When solutions ignore human needs, compliance drops. ''] (button:)[[[Continue->Continue → Chapter3 Pollution SystemStructure]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C2-LANDPOLLUTION-1.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[EVENT CHOICE MADE! („• ֊ •„)੭]''] (text-color:red)[''No action.''] ''Immediate effect:'' * pollution continues * fish decline accelerates * community trust weakens The compass notes: ''Systems Warning:'' No decision is still a decision—systems keep moving. (button:)[[[Continue->Continue → Chapter3 Pollution SystemStructure]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C2-LANDPOLLUTION-2..mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ The compass displays a new layer: [''SYSTEMIC STRUCTURE DETECTED:''] Weak waste governance enables repeated pollution. You see a pattern forming: * trash piles up * rain washes it into the river * fish decline * people fish more to compensate * the river degrades further The compass labels it: (text-color:yellow)[''📌 PATTERN:] ''Repetition of harmful actions → similar outcomes Now it asks: What strengthens the pattern of pollution over time? (text-color:yellow)+(button:)[ [[A. Strong enforcement and education → Chapter3 Pollution PatternWrong]] [[B. Repeated dumping + lack of rules/enforcement → Chapter3 Pollution PatternCorrect]] [[C. Fish making more oxygen → Chapter3 Pollution PatternWrong2]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C2-LANDPOLLUTION-3.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ ''REFLECTION LOG (Pollution Mission)'' Choose the statement that matches responsible thinking: (button:)+(text-color:yellow)[ [[A. “The river will recover even if we keep dumping; nature is endless.” -> “The river will recover even if we keep dumping; nature is endless.” → Chapter3 Reflection Pollution Wrong]] [[B. “Our actions enter the system; preventing waste is part of protecting biodiversity.”-> “Our actions enter the system; preventing waste is part of protecting biodiversity.” → Chapter3 Reflection Pollution Correct]] [[C. “Only animals are responsible for ecosystem balance.”-> “Only animals are responsible for ecosystem balance.” → Chapter3 Reflection Pollution Wrong]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/raw/refs/heads/main/C2-POLLUTION-1.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score +1)''] (text-style:"bold","blink")+(font:'Arial Black')+(text-size: 1.5) [''(text-colour:yellow)[CORRECT!]''] The compass records: ''Mental Model Shift:'' From //“nature absorbs everything” // to ''“human actions shape outcomes”'' ''Your Decision Map updates with solutions:'' * waste segregation * proper disposal systems * community education * enforcement and monitoring * reducing single-use plastics (button:)[[[Return to mission selection->Next]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C3-ILLEGALLOGGING.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! (੭˃ᴗ˂)੭]''] ''Illegal logging leads to:'' * habitat loss * fewer nesting sites * disrupted food webs * soil erosion → affects rivers and reefs * increased flooding risk ''Decision Map update:'' (text-color:red)+(font:'Viner Hand ITC')[''Problem Node #2: Illegal Logging''] '' Causes:'' demand for wood, weak enforcement, poverty pressures, corruption risk '' Effects:'' species decline, erosion, water cycle disruption ''You must decide what action to prioritize first.'' (text-color:yellow)+(button:)[ [[A. Report immediately and request enforcement support->A. Report immediately and request enforcement support → Chapter3_Logging_DecisionA]] [[B. Confront loggers alone->B. Confront loggers alone → Chapter3 Logging DecisionB]] [[C. Ignore it to avoid trouble->C. Ignore it to avoid trouble → Chapter3 Logging DecisionC]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C3-ILLEGALLOGGING-3.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ The compass opens a deeper diagnostic layer: ''SYSTEMIC STRUCTURE:'' (text-color:red)[//Weak governance enabling degradation//] '' You observe:'' * the protected boundary sign is broken * ranger station lacks equipment * reporting process is slow * penalties are inconsistent ''The compass asks:'' Which describes the difference between an EVENT and a SYSTEMIC STRUCTURE here? (text-color:yellow)+(button:)[ [[A. Event = a stump, Structure = weak enforcement that allows repeated cutting->A. Event = a stump, Structure = weak enforcement that allows repeated cutting → Chapter3 Logging EventVsStructure Correct]] [[B. Event = the whole forest disappearing overnight->B. Event = the whole forest disappearing overnight → Chapter3 Logging EventVsStructure Wrong]] [[C. Structure = one chainsaw sound->C. Structure = one chainsaw sound → Chapter3_Logging EventVsStructure Wrong]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/BG-WATERFALL.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! (੭˃ᴗ˂)੭]''] (text-color:yellow)[''EVENT: '']trees cut today (text-color:yellow)[''PATTERN: '']repeated cutting over months/years (text-color:yellow)[''STRUCTURE: '']weak enforcement, corruption risks, poverty pressures, demand for wood (text-color:yellow)[''MENTAL MODEL:''] “Forests are resources, not living systems.” The compass now triggers a (text-color:red)[''Mental Model Challenge:''] Which belief must change to reduce illegal logging long-term? (text-color:yellow)+(button:)[ [[A. Forests are limitless; take what we can.->“Forests are limitless; take what we can.” → Chapter3 Logging MentalCorrect]] [[B. Trees have no value.->“Trees have no value.” → Chapter3 Logging MentalWrong]] [[C. Nature does not affect humans.->“Nature does not affect humans.” → Chapter3 Logging MentalWrong]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C4-REFORESTATION.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] Choose the statement that shows responsibility: ''REFLECTION LOG (Logging Mission)'' (text-color:yellow)+(button:)[[[A. “Protecting forests protects people too—water, food, safety, future.”->“Protecting forests protects people too—water, food, safety, future.” → Chapter3 Reflection Logging Correct]] [[B. “Only animals need forests; humans can live without them.” -> “Only animals need forests; humans can live without them.” → Chapter3 Reflection Logging Wrong]] [[C. “If rules are weak, it’s okay to take resources.”->“If rules are weak, it’s okay to take resources.” → Chapter3 Reflection Logging Wrong]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C4-REFORESTATION.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ Your Decision Map floats before you like a //blueprint.// //''Two crises. Two sets of choices.''// ''One lesson:'' (text-color:green)+(font:'MV Boli')[* Human actions shape biodiversity outcomes.] The compass displays a summary: '' CHAPTER 3 SUMMARY'' (text-color:yellow)[''EVENTS: '']pollution spikes, illegal logging incidents (text-color:yellow)[''PATTERNS: '']repeated dumping, repeated cutting → repeated losses (text-color:yellow)[''SYSTEMIC STRUCTURE: '']weak governance, limited waste systems, inconsistent enforcement (text-color:yellow)[''MENTAL MODELS: '']shifting from “nature is endless” to “I am responsible within the system” A final message appears: (font:'Ink Free')[//"You are no longer just an explorer. You are becoming a defender."//] But then the compass (text-style:"blink")[''flickers.''] The web you built earlier (text-style:"rumble")[''trembles.''] Somewhere ahead, a ''stronger'' force pulls on the system... not just local actions, but decisions that affect entire islands. You feel it: (font:'Viner Hand ITC')[''A bigger mission is coming.''] (button:)[ [[BEGIN CHAPTER 4->BEGIN CHAPTER 4 → Chapter4_Intro]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/BG-WATERFALL.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (text-style:"fade-in-out")+(font:'Rapunled')+(text-size:1.5)+(text-color:Yellow)['' Mission Brief: Guardians of Nature''] You have been assigned to manage ''Dambana'' Protected Landscape, a fictional protected area based on real Philippine protected areas. This ''area'' has: * endangered species habitat * rivers, forest zones, and buffer areas * indigenous/community livelihoods * tourism sites * threats like illegal logging, poaching, waste, and land-use conflict |1>[''Policy Analysis''](click:?1, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ What laws and programs apply?] |2>['' Crisis Response''](click:?2, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ Events that require immediate action] |3>[''Resource Management''](click:?3, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ Budget & priorities] |4>[''Management Plan''](click:?4, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ Balancing ecological + social needs] (font:'Felix Titling')[''You will be judged by:''] 0. biodiversity health 0. livelihood security 0. community trust 0. fairness and sustainability (button:)[[[Continue -> L4 Senge Frame]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/BG-WATERFALL.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (text-style:"fade-in-out")+(font:'Rapunled')+(text-size:1.5)+(text-color:Yellow)[''Systems Thinking Lens''] In conservation, the hardest part is that solutions can create //unintended consequences//. You will apply four layers: |1>[''Events''](click:?1, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ crises you must respond to] |2>[''Patterns''](click:?2, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ repeated effects of policies and resource use] |3>[''Systemic Structure''](click:?3, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ laws, governance, and community involvement shaping outcomes] |4>[''Mental Models''](click:?4, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ shifting from “control” to “stewardship”] Your mentor reminds you: (font:'Ink Free')[//“Conservation is not just enforcement. It is a system of people, policies, and nature.”//] (button:)[ [[Enter the Protected Area -> L4 Setting ProtectedArea]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/BG-WATERFALL.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'Rapunled')[''🌿 Dambana Protected Landscape''] A ranger station stands at the entrance. Beyond it: * dense forest and wildlife corridors * a river where communities collect water * farms in the buffer zone * a tourist trail leading to a waterfall You are welcomed by ''three'' key groups: |1>[''Park Rangers''](click:?1, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ enforcement + monitoring] |2>[''Community Leaders''](click:?2, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ (livelihood + land concerns)] |3>[''Local Government / NGO Partners''](click:?3, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ policy + funding)] Your first task: choose your leadership approach. (text-color:yellow)+(button:)[ [[Strict enforcement first -> L4 Role Selection]] [[Community partnership first -> L4 Role Selection]] [[Balanced approach -> L4 Role Selection]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/BG-WATERFALL.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (text-style:"fade-in-out")+(font:'MosTculine')+(text-size:1.5)+(text-color:Yellow)[''Choose Your Guardian Role''] |1>[''A) Law Enforcer''](click:?1, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ Focus: strict compliance, patrols, penalties] |2>[''B) Community Steward''](click:?2, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ Focus: shared responsibility, education, livelihood alternatives] |3>[''C) Ecosystem Planner''](click:?3, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ Focus: zoning, monitoring, resource allocation, long-term planning] Your decisions will be guided by your role. Choose one (you can still make any decisions later, but your role affects starting stats). (text-color:yellow)+(button:)[ [[Law Enforcer -> L4 Policy Table]] [[Community Steward -> L4 Policy Table]] [[Ecosystem Planner -> L4 Policy Table]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C4-REFORESTATION-3.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'Rapunled') [''Policy Desk: What Protects Biodiversity?''] Your mentor hands you a ''policy folder.'' You must //identify// conservation programs/projects. ''Policies/Programs Available: '' (font:'Amatic')[(click to see programs/policies)] (cycling-link: bind _recall, "Protected Areas management – rules for zones and activities", "Wildlife protection – bans poaching and trade", "Community-based conservation – locals help protect while benefiting", "Reforestation / habitat restoration programs", "Waste management and pollution control", "Environmental education campaigns") Choose two that best match the protected area’s needs right now. (button:)+(text-color:yellow)[ [[Choose 1 + 2 (Protected area + Wildlife) -> L4 PolicyChoice Strict]] [[Choose 3 + 6 (Community + Education) -> L4 PolicyChoice Community]] [[Choose 4 + 5 (Restoration + Waste control) -> L4 PolicyChoice Environment]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="hhttps://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C4-RIVERCLEANUP.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ ''You prioritize protection and enforcement.'' ✅ ''Pros: ''reduces illegal activity quickly ⚠️ ''Risk: ''can increase conflict if community feels excluded (button:)[ [[Proceed to policy focus -> L4 Choose PolicyFocus]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/raw/refs/heads/main/C4-PLANTING.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ ''You prioritize ecosystem recovery and pollution control.'' ✅ Pros: improves habitat and ecosystem health ⚠️ Risk: slow results if immediate threats remain (button:)[ [[Proceed to policy focus -> L4 Choose PolicyFocus]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C4-PLANTING-2.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (dialog: [Set Your Conservation Strategy], "Sure.") (dialog: bind $defund, "Choose your main strategy for this simulation cycle:", "Enforcement Strategy", "Stewardship Strategy", "Systems Strategy") ''Your Conservation Strategy Funtions'' |1>[''Enforcement Strategy''](click:?1, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ Increase patrols, apply penalties, stop illegal activity] |2>[''Stewardship Strategy''](click:?2, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ Education + livelihood alternatives + community guardians] |3>[''Systems Strategy''](click:?3, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ Blend enforcement + stewardship + zoning and monitoring] ''“Your strategy will shape the system’s behavior.”'' (button:)[ [[Continue -> L4 Simulation Hub Day1]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/raw/refs/heads/main/C4-REFORESTATION-3.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ ''Simulation Day 1: A Guardian’s First Test'' ''Status Board:'' * Biodiversity Health * Livelihood Security * Community Trust * Budget Remaining '' Today’s agenda:'' '' * Check ranger reports * Respond to crisis * Allocate resources '' (button:)[ [[Read today’s ranger report -> L4 Event1 CrisisTrigger]] [[Skip to crisis -> L4 Event1 CrisisTrigger]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C3-FARM.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ ''Resource Management (Day 1)'' You have limited budget and manpower. You can fund only one option today: |1>[''More patrol equipment''](click:?1, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ (boots, radios, transport fuel)] |2>[''Community livelihood support''](click:?2, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ (eco-tour guiding, sustainable products training)] |3>[''Biodiversity monitoring''](click:?3, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ (camera traps, species surveys)] |3>[''Waste management / clean-up program''](click:?3, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ ((bins, signage, enforcement))] (text-color:yellow)[ =|= (button:)[[[1->1 → L4 Day1 Resource 1]]] =|= (button:)[[[2->2 → L4 Day1 Resource 2]]] =|= (button:)[[[3->3 → L4 Day1 Resource 3]]] =|= (button:)[[[4->4 → L4 Day1 Resource 4]]] |==| ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C4-PLANTING-4.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ ''Resource Management (Day 2)'' You can invest in only one new action: |1>[''Visitor management system.''](click:?1, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ (permits, limits, signage)] ''Community eco-tour training'' |2>[''Ranger capacity training.''](click:?2, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ (conflict mediation + wildlife law enforcement)] |2>[''Habitat restoration.''](click:?2, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ (tree planting, riparian rehab)] (text-color:yellow)[ =|= (button:)[[[1 -> L4 Day2 Resource 1]]] =|= (button:)[[[2 -> L4 Day2 Resource 2]]] =|= (button:)[[[3 -> L4 Day2 Resource 3]]] =|= (button:)[[[4 -> L4 Day2 Resource 4]]] |==| ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.github.usercontentcom/jhameeresearchacc-design/TWINE/refs/heads/main/C3-STREET.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ ''🚨 Crisis Alert (Event 3):'' Satellite images and ranger evidence suggest illegal logging in the buffer zone. If logging spreads: '' * habitat fragments * erosion increases * rivers become muddy * coral reefs downstream can be damaged'' But community members say: //“We need wood and farmland to survive.”// This is the hardest trade-off. (button:)+(text-color:yellow)[ [[Use strict enforcement + remove settlers -> L4 Event3 ResponseChoice]] [[Negotiate boundaries + alternative livelihoods -> L4 Event3 ResponseChoice]] [[Allow limited cutting with permits -> L4 Event3 ResponseChoice]] [[Do nothing -> L4 Event3 ResponseChoice]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C4-RIVERCLEANUP.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ ''Build Your Protected Area Management Plan'' Your final task is to design a plan that balances: * ecological health * human needs * governance and law * long-term sustainability Your plan must include three components: 0. Protection Action (Law/Enforcement) 0. Community Program (Participation/Livelihood) 0. Ecosystem Support (Restoration/Monitoring/Education) Choose one from each category: ''Protection Action:'' (text-color:green)[(dropdown: bind _origin, "A) Increased patrols + reporting hotline", "B) Strict penalties + checkpoints", "C) Joint patrols with community")] ''Community Program:'' (text-color:blue)[(dropdown: bind _origin, "D) Sustainable livelihood training","E) Eco-tourism employment + visitor guidelines","F) Community conservation council")] ''Ecosystem Support:'' (text-color:yellow)[(dropdown: bind _origin, "G) Habitat restoration + tree planting","H) Biodiversity monitoring + species surveys","I) Environmental education campaign")] (text-color:yellow)[ =|= (button:)[[[A + D + G -> L4 PlanOutcome 1]]] =|= (button:)[[[A + F + H -> L4 PlanOutcome 2]]] =|= (button:)[[[C + E + H -> L4 PlanOutcome 3]]] =|= (button:)[[[B + D + I -> L4 PlanOutcome 4]]] |==| ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C4-REFORESTATION.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[!$Player, here's your current score! (੭˃ᴗ˂)੭]''] (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] ''Systems Thinking: SYSTEMIC STRUCTURE'' What structures shape conservation success? Choose'' TWO:'' A) Conservation laws and protected area governance B) Community participation and shared responsibility C) Ignoring local needs D) No monitoring or planning (text-color:yellow)[ =|= (button:)[[[A + B -> L4 Structure Correct]]] =|= (button:)[[[A + C -> L4 Structure Partial]]] =|= (button:)[[[B + D -> L4 Structure Partial]]] =|= (button:)[[[C + D -> L4 Structure Wrong]]] |==| ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C4-REFORESTATION-3.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[!$Player, here's your current score! (੭˃ᴗ˂)੭]''] (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] ''Systems Thinking: MENTAL MODELS'' ''A ranger tells you:'' “We should control nature and control people. It’s the only way.” ''Your mentor asks:'' What mental model should replace this? A) Nature is a resource to take freely. B) Conservation is stewardship — people and nature must be supported together. C) Only the government is responsible. D) Communities have no role in conservation. (text-color:yellow)[ =|= (button:)[[[B -> L4 MentalModel Correct]]] =|= (button:)[[[A -> L4 MentalModel Wrong]]] =|= (button:)[[[C -> L4 MentalModel Wrong]]] =|= (button:)[[[D -> L4 MentalModel Wrong]]] |==| ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C4-SUNLIGHT-3.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! (੭˃ᴗ˂)੭]''] ''Stewardship mindset:'' * protection is shared responsibility * people are partners, not enemies * ecosystems thrive when communities thrive sustainably ''Choose one commitment you will make:'' “I will reduce waste and protect habitats.” “I will respect wildlife and support conservation projects.” “I will encourage others to care for ecosystems.” “I will join community-based cleanups or tree planting.” [[Select a commitment -> L4 Summary Assessment]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/C4-SUNLIGHT.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[!$Player, here's your current score! (੭˃ᴗ˂)੭]''] (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] ''✅ You practiced:'' * crisis response (events) * policy analysis * resource management * protected area planning ''You cited programs/projects for conservation such as:'' * protected area governance * wildlife protection and enforcement * community-based conservation * reforestation/restoration * monitoring and education programs * sustainable eco-tourism and waste management What the simulation taught you (text-color:yellow)[''Events:''] crises require action (text-color:yellow)[''Patterns:''] repeated policies shape long-term outcomes (text-color:yellow)[''Systemic Structure:''] laws + governance + community involvement decide success (text-color:yellow)[''Mental Models:''] shift from control → stewardship [[Exit to next chapter -> L4 Exit]] [[Replay Lesson 4 ->BEGIN CHAPTER 4 → Chapter4_Intro]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/ECOVISION-SKY.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ ''Welcome to the final mission: EcoVision Challenge.'' You already learned about Philippine biodiversity and how ecosystems are ''connected''. Now, you will use what you learned to do something important: =|= * Create a sustainability advocacy campaign. =|= * Propose actions to maintain ecological balance. =|= * Encourage others to protect biodiversity for future generations. |==| Your choices will help you earn points in three areas: 0. |1>[''Knowledge''](click:?1, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ (correct understanding)] 0. |2>[''Systems Thinking''](click:?2, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ ((seeing connections)] 0. |3>[''Environmental Stewardship''](click:?3, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ (caring + acting)] (button:)[[[Begin EcoVision Challenge -> Intro EcoVision]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/%20Tutorial_SustainabilityLens.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ ''Your Sustainability Thinking Lens'' To solve environmental problems, we think in levels: |1>[''EVENTS''](click:?1, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ What is happening now?] |2>[''PATTERNS''](click:?2, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ What keeps happening over time?] |3>[''SYSTEM CAUSES''](click:?3, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ Why does it keep happening?] |4>[''MINDSET''](click:?4, (action:'mouseover'))+(text-style:"fidget")+(font:'Magic Alphabet')+(text-style:"fade-in-out")+(text-color:#1a8cff)[ What beliefs make people act that way?] (set: $answer to (prompt: "Protecting biodiversity is important because ______.","")) (button:)[[[Continue -> Event Alert BiodiversityThreat1]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/%20Event_Alert_BiodiversityThreat.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ '' 🚨 SYSTEM ALERT: BIODIVERSITY IS IN DANGER'' Three problems are rising in the Philippines: '' 0. Forest habitat loss 0. Marine pollution and overfishing 0. Water pollution (rivers and wetlands)'' Your mentor says: //“One problem can affect many ecosystems. Your job is to propose actions that restore balance.”// (button:)[[[Enter the Issue Hub -> Choose IssueHub]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/%20Choose_IssueHub.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ ''Issue Hub (Choose a Problem)'' Where will you start? Each issue includes: * a short situation * an action quiz (with correct answer) * a brief explanation (button:)[ [(text-color:green) [[Forest Habitat Loss -> Issue Forest]]] [(text-color:blue)[[Marine Problems (Pollution/Overfishing) -> Issue Marine]]] [(text-color:#006600)[[River/Wetland Pollution -> Issue Water]]] [(text-color:#ffff00)[[I’m done exploring -> Patterns Check]]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/Issue_Forest.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ '' 🌿 Situation: Forest Habitat Loss'' ''A mountain community reports:'' //“Trees are being cut faster than they can grow.”// ''Effects reported:'' * animals lose homes * soil erodes into rivers * floods become worse * biodiversity decreases ''Your mentor asks:'' “What is the best action to help maintain ecological balance?” (text-color:yellow)+(button:)[ [[Answer the Action Quiz -> Forest ActionQuiz]] [[Return to Hub -> Choose IssueHub]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/%20Issue_Marine.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] '' 🌊 Situation: Marine Problems'' A coastal town reports: // “Fish catch is getting smaller. There is more plastic in the sea.”// ''Effects reported:'' * coral reefs are damaged * fish populations decline * fishermen earn less * sea animals may die from plastic ''Your mentor asks:'' ''“What is the best action to protect marine biodiversity?”'' (button:)[ [[Answer the Action Quiz -> Marine ActionQuiz]] [[Return to Hub -> Choose IssueHub]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/Issue_Water%20.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] '' 💧 Situation: River and Wetland Pollution'' A river near a community is turning ''dark'' and //smelly//. '' People report:'' * fish are dying * fewer birds are seen * some residents get sick * plastic and waste block waterways ''Your mentor asks:'' //“What is the best action to improve water ecosystems?”// (button:)[[[Answer the Action Quiz -> Water ActionQuiz]] [[Return to Hub -> Choose IssueHub]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/Patterns_Check%20(ETO%20YUNG%20TAMAAAAA).mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ ''Sustainability Thinking: PATTERNS'' You explored forest, marine, and water issues. Now answer: ''If these problems continue, what pattern may happen over time?'' A) Biodiversity loss happens once and stops B) Biodiversity decline repeats and becomes worse C) Biodiversity always increases no matter what D) Only one animal is affected forever (text-color:yellow)+(button:)[ =|= [[A -> Patterns Wrong]] =|= [[B -> Patterns Correct]] =|= [[C -> Patterns Wrong]] =|= [[D -> Patterns Wrong]] |==| ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/%20Marine_ActionQuiz.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ ''Action Quiz: Forest Solution'' ''Question: ''Which action is best for maintaining ecological balance? A) Allow cutting as long as people need wood B) Plant trees once and stop caring after C) Protect forests + replant trees + stop illegal logging D) Cut forests and build more buildings for development =|= [[A -> Forest ActionQuiz Wrong]] =|= [[B -> Forest ActionQuiz Wrong]] =|= [[C -> Forest ActionQuiz Correct]] =|= [[D -> Forest ActionQuiz Wrong]] |==| ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/%20Forest_ActionQuiz_Wrong.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score -1)''] (text-colour:red)+(font:'MosTculine')+(text-style:"sway")[''Not Quite.''] ''Protect forests + replant trees + stop illegal logging.'' ''Brief Discussion:'' Quick or careless actions do not rebuild forests. Balance needs long-term protection and restoration. (button:)[ [[Try again -> Forest ActionQuiz]] [[Return to Hub -> Choose IssueHub]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/%20Forest_ActionQuiz_Correct.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! (੭˃ᴗ˂)੭]''] Protecting forests, stopping illegal logging, and replanting trees helps restore balance. ''Brief Discussion:'' Forests protect wildlife, water sources, and soil. If forests disappear, many species decline and disasters become worse. ''You gain:'' +Knowledge +Systems Thinking (button:)[[[Return to Hub -> Choose IssueHub]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/%20Marine_ActionQuiz.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ ''Action Quiz: Marine Solution'' Question: Which action helps maintain ecological balance in the sea? A) Throw trash in the sea because it will float away B) Support marine protected areas + reduce plastic + practice sustainable fishing C) Catch more fish quickly before they disappear D) Break corals to collect souvenirs (text-color:yellow)+(button:)[ =|= [[A -> Marine ActionQuiz Wrong]] =|= [[B -> Marine ActionQuiz Correct]] =|= [[C -> Marine ActionQuiz Wrong]] =|= [[D -> Marine ActionQuiz Wrong]] |==| ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/Marine_ActionQuiz_Wrong.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score -1)''] (text-colour:red)+(font:'MosTculine')+(text-style:"sway")[''Not Quite.''] Support marine protected areas + reduce plastic + practice sustainable fishing. Brief Discussion: * Overfishing and pollution weaken the system. * Protection and responsible fishing give marine life time to recover. (button:[ [[Try again -> Marine ActionQuiz]] [[Return to Hub -> Choose IssueHub]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/raw/refs/heads/main/Marine_ActionQuiz_Correct.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score +1)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! (੭˃ᴗ˂)੭]''] Marine protected areas, reducing plastic, and sustainable fishing help marine life recover. ''Brief Discussion:'' Coral reefs are like underwater homes for fish. When reefs are healthy, fish populations grow and communities benefit too. ''You gain:'' +Knowledge +Environmental Stewardship (button:)[ [[Return to Hub -> Choose IssueHub]] ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/Forest_ActionQuiz.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] ''Action Quiz: Water Solution'' Question: Which action best supports ecological balance? A) Dump waste at night so no one sees B) Clean rivers once a year only C) Proper waste disposal + community cleanups + treat wastewater D) Ignore the problem because nature will fix it alone (text-color:yellow)+(button:)[ =|= [[A -> Water ActionQuiz Wrong]] =|= [[B -> Water ActionQuiz Wrong]] =|= [[C -> Water ActionQuiz Correct]] =|= [[D -> Water ActionQuiz Wrong]] |==| ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/%20Water_ActionQuiz_Correct.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score +1)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! (੭˃ᴗ˂)੭]''] Proper waste disposal, cleanups, and treating wastewater help water ecosystems recover. ''Brief Discussion:'' Clean water supports fish, birds, and people. When water is polluted, biodiversity declines and health problems rise. ''You gain:'' +Knowledge +Environmental Stewardship (button:)[[[Return to Hub -> Choose IssueHub]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/Patterns_Wrong.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score -1)''] (text-colour:red)+(font:'MosTculine')+(text-style:"sway")[''Not Quite.''] Biodiversity decline repeats and becomes worse. ''Brief Discussion:'' * Environmental problems usually become bigger when people don’t change actions. (button:)[[[Try again -> Patterns Check]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/Patterns_Correct.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] (text-style:"bold","blink")+(font:'Arial Black')+(text-size: 1.5) [''(text-colour:yellow)[CORRECT!]''] Biodiversity decline repeats and becomes worse. When the causes stay the same (cutting trees, pollution, overfishing), the damage repeats. This is why we must act early. (button:)[[[Go deeper -> SystemicStructure ActionDrivers]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/STRUCTURE-CORRECT.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! (੭˃ᴗ˂)੭]''] Brief Discussion: * Deforestation destroys habitats and causes soil erosion. * Pollution damages water and kills organisms. * These causes affect many connected ecosystems. (button:)[[[Continue -> MentalModels Choice]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/Structure_Partial.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score +1)''] (text-style:"bold","blink")+(font:'Arial Black')+(text-size: 1.5) [''(text-colour:green)[PARTLY CORRECT]''] ✅ Best Answer: A and B Some choices are actually solutions (reforestation, protected areas). The drivers of decline are deforestation and pollution. (button:)[[[Continue -> MentalModels Choice]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/%20Structure_Wrong.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score -1)''] (text-colour:red)+(font:'MosTculine')+(text-style:"sway")[''Not Quite.''] ''Brief Discussion:'' Reforestation and protected areas are solutions. The drivers of biodiversity loss are deforestation and pollution. (button:)[[[Retry -> SystemicStructure ActionDrivers]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/%20MentalModels_Choice.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score +1)''] ''Sustainability Thinking: MINDSET'' Which belief can lead people to harm biodiversity? A) “Nature is limitless. We can take as much as we want.” B) “Nature has limits and must be protected.” C) “My actions affect the environment.” D) “Balance matters.” (text-color:yellow)+(button:)[ =|= [[A -> MentalModels Correct]] =|= [[B -> MentalModels Wrong]] =|= [[C -> MentalModels Wrong]] =|= [[D -> MentalModels Wrong]] |==| ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/%20MentalModels_Correct.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score +1)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[CORRECT! (੭˃ᴗ˂)੭]''] ''Brief Discussion:'' * If people think nature is limitless, they may overuse resources. '' A better mindset is:'' //“Nature has limits, and we must protect it for the future.”// (button:)[[[Continue -> Collaboration Task]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/MentalModels_Wrong.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)['' (set: $score to $score -1)''] (text-colour:red)+(font:'MosTculine')+(text-style:"sway")[''Not Quite.''] '' “NATURE IS LIMITLESS.”'' ''Brief Discussion:'' This isn't a healthy belief that protect biodiversity. (button:)[[[''Retry'' -> MentalModels Choice]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/Collaboration_Task.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] Collaboration Task: Work as a Team ''Your EcoVision Team will work with ONE group to strengthen your campaign:'' |1)[Community members (barangay)](link:"1")[(show:?1)] |2)[Local government (LGU)](link:"2")[(show:?2)] |3)[Youth and school organizations](link:"3")[(show:?3)] ''Choose the best reason why collaboration matters:'' A) Only one person should decide everything. B) Different groups have different roles in protecting nature. C) Collaboration makes problems worse. D) Nature does not need people. (text-color:yellow)+(button:)[ =|= [[A -> Collaboration Result1]] =|= [[B -> Collaboration Result]] =|= [[C -> Collaboration Result1]] =|= [[D -> Collaboration Result1]] |==| ] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/%20Collaboration_Result.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (font:'LCDMono2')+(text-colour:yellow)[''Score: $score (set: $score to $score)''] (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[BEST ANSWER! $player, here's your final score!(੭˃ᴗ˂)੭]''] ''Brief Discussion:'' There is no single hero in environmental protection. Communities, schools, and government must work together to maintain ecological balance. (button:)[[[Continue -> EcoVision CampaignBuilder]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/%20EcoVision_CampaignBuilder.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (text-style:"expand","blink")+(font:'Rapunled')+(text-size: 1.5) [''(text-colour:#ffff1a)[You have reached the end of the EcoVision Challenge—and completed your final mission with a score of (text-color:yellow)[$score]! 🌱🌊💧! (੭˃ᴗ˂)੭]''] In this chapter, you moved beyond learning facts and began thinking and acting like a sustainability advocate. (text-colour:#ffd43b)[''What You Accomplished''] You successfully: * Identified major biodiversity threats in forests, marine ecosystems, and water systems * Chose actions that help maintain ecological balance * Recognized patterns of biodiversity decline over time * Identified system causes like deforestation and pollution * Examined how human mindsets influence environmental harm or protection * Worked through the importance of collaboration * Designed an EcoVision advocacy campaign focused on long-term solutions (text-colour:#4dabf7)[''Big Idea to Remember''] * Biodiversity loss is not a single event—it is a repeating pattern caused by human choices. * When people change their actions and beliefs, ecosystems can recover. (text-colour:green)[''Sustainability Thinking Summary''] * Event: Forest loss, marine damage, and water pollution * Pattern: Biodiversity decline worsens when problems continue * System Causes: Deforestation and pollution * Mindset Shift: From “Nature is limitless” to “Nature has limits and needs care” Final Message ''Protecting biodiversity means protecting life today and tomorrow. Small actions, when shared by communities, schools, and leaders, can create lasting change.'' Remember: //“The future of nature depends on the choices we make today.”// You are not just a learner—you are now an EcoVision advocate. (button:)[[[Finish Chapter -> Chapter Summary Exit]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/%20Collaboration_Result.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ (text-colour:red)+(font:'MosTculine')+(text-style:"sway")[''Try again.''] Only one person cannot handle environmental problems alone. Nature protection needs teamwork, shared ideas, and shared responsibility. (button:)[[[Back-> Collaboration Task]]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/BG-FORESTTT.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ ''Thank you for completing Sustaining Biodiversity for Future Generations. Your curiosity, choices, and ideas show that learning can lead to meaningful action.'' As you move forward, remember: * Every tree protected * Every river kept clean * Every choice made with care * helps keep life on Earth in balance. * You don’t need to be a scientist or a leader to make a difference. * You make a difference by: * respecting nature * sharing what you’ve learned * inspiring others through your actions ''🌱 Take care of the environment wherever you are—at home, in school, and in your community.'' Your mentor leaves you with one last thought <img src="https://jhamee.neocities.org/When%20we%20protect%20blablabla.png" style="width: 80%; display: block; margin: auto;"> //“When we protect nature, we protect our future.”// (font:'MosTculine')[''Thank you for being part of the ENDEMIKA journey''] This may be the end of the chapter—but it is only the beginning of your role as a guardian of biodiversity. (text-color:green)+(font:'Rapunled')[''Good luck, and keep caring for our planet.''] [[Replay Module ->TITLE]] [[End ->END]] ]

{{{ <video id="philippines" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/ENDEMIKA-PREFACE.mp4" > }}} <img src="https://jhamee.neocities.org/destination_tropical.png" </div> (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'MV Boli') [ ''A Living System, A Shared Future'' You have reached the end of this journey, but not the end of your role. The forests, rivers, seas, and species you studied are not separate lessons—they are parts of one living system. When one part is ''harmed'', the whole system feels the impact. When one part is ''protected'', the system begins to //heal//. You learned that biodiversity loss follows patterns, that human actions shape these patterns, and that changing our mindset is the first step toward lasting solutions. Systems thinking reminds us: * small actions can create big change * when they are guided by understanding, cooperation, * and care for the future. The choices you make today //echo into tomorrow’s ecosystems.// (text-color:yellow)+(font:'Rapunled')[ ''🌱 Protect wisely. 🌱 Act responsibly. 🌱 Think long-term.''] Because sustaining biodiversity means sustaining life itself. [[Behind the ENDEMIKA module]] ]

{{{ <video id="philippines" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/ENDEMIKA-PREFACE.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1) +(text-style:"buoy") +(font:'Magic Alphabet') +(text-color:white) [ ''🌱 WHAT IS ENDEMIKA?'' ''ENDEMIKA'' is a game-based e-learning experience designed to help you explore, understand, and protect Philippine biodiversity through systems thinking. The Philippines is one of the most biodiverse countries in the world—home to forests, rivers, mountains, reefs, and countless species found nowhere else on Earth. But this richness is under threat. Habitat loss, pollution, climate change, and human activities continue to disrupt the delicate balance of life. ''ENDEMIKA'' invites you to step into this living system—not as a spectator, but as an active decision-maker. ''🧠 HOW DOES ENDEMIKA WORK?'' ''ENDEMIKA'' uses interactive storytelling and gameplay to show how nature functions as an interconnected system. As you move through the game, you will encounter real-life environmental scenarios inspired by Philippine ecosystems. You will: * Explore forests, rivers, coasts, and protected areas * Encounter endemic and endangered species * Make choices that affect ecosystems over time * See how one action can trigger multiple consequences There are no “isolated answers” here—every decision is part of a larger web. ''🔄 THINKING IN SYSTEMS'' Unlike traditional lessons that focus on memorizing facts, ENDEMIKA helps you learn how to: * Recognize patterns in environmental change * Understand cause-and-effect relationships * Identify feedback loops in ecosystems * Reflect on your own assumptions and decisions This way of thinking—called (text-colour:red)[systems thinking]—helps you see biodiversity not as separate pieces, but as a living, connected whole. ''🌍 WHY ENDEMIKA MATTERS'' What happens to a forest affects the river. What happens to the river affects the reef. What happens to the reef affects people. ''ENDEMIKA'' shows how human actions and natural systems are deeply connected. By playing, you develop not only scientific understanding, but also environmental awareness and responsibility. Your choices in the game reflect the same kinds of choices communities face in the real world. ''🎮 BEFORE YOU BEGIN'' There are no perfect paths—only informed decisions. Observe carefully. Think deeply. Reflect on the outcomes. When you are ready, press [[START]] and step into ''ENDEMIKA''— where every choice shapes the future of the Living Islands. [[Back->Play]] ]

{{{ <video id="tropical" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/%20Event_Alert_BiodiversityThreat.mp4" > }}} (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'Magic Alphabet') [ You shared that protecting biodiversity is important because (text-color:green)+(font:'Rapunled')[$answer.] ''Keep this in mind as you continue.'' (button:)[[[Next-> Event Alert BiodiversityThreat]]] ]

{{{ <video id="philippines" autoplay loop playsinline> <source src="https://raw.githubusercontent.com/jhameeresearchacc-design/TWINE/refs/heads/main/ENDEMIKA-PREFACE.mp4" > }}} <img src="https://jhamee.neocities.org/destination_tropical.png" </div> (align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX=======") +(text-size:1.2) +(text-style:"buoy") +(font:'MV Boli') [